<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %} </title>
    <link rel="stylesheet" href="{% static '/css/header.css' %}">
    <link rel="stylesheet" href="{% static '/css/footer.css' %}">
	<link rel="stylesheet" href="{% static '/css/login_register.css' %}">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_3187923_xfjaz1srews.css">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_3187923_9uz8fymkpr8.css">
	<script src="{% static '/js/jquery.min.js' %}"></script>
    <script src="{% static '/js/login_register.js' %}"></script>
    <script src="{% static '/js/header.js' %}"></script>
    <script src="{% static '/js/message.js' %}"></script>
    <script src="{% static '/js/xfzajax.js' %}"></script>
    {% block header %}
    
    {% endblock %}
</head>
<body>
	{#	头部导航条#}
    <header class="header">
        <div class="container">
            <div class="log-box">
                <a href="/"></a>
            </div>
            <ul class="nav">
                <li class="active"><a href="/">创业资讯</a></li>
                <li><a href="{% url 'course:course_index' %}">创业课堂</a></li>
                <li><a href="{% url 'payinfo:payinfo_index' %}">付费咨询</a></li>
                <li><a href="{% url 'search' %}">搜索</a></li>
            </ul>
            <div class="auth-box">
	            <i class="icon-person iconfont"></i>
	            {% if user.is_authenticated %}
		            <a href="#" class="authedticated">{{ user.username }}</a>
		            <div class="user-more-box">
		                <i class="triangle"></i>
			            {% if user.is_staff %}
				            <a href="{% url 'cms:cms_index' %}">管理系统</a>
			            {% endif %}
			            <a href="{% url 'xfzauth:logout' %}">退出登录</a>
		            </div>
	            {% else %}
		            <a href="javascript:void(0);" id="btn">登录</a> /
	                <a href="javascript:void(0);" id="register">注册</a>
	            {% endif %}
            </div>
        </div>
    </header>

	{% block main %}
	
	{% endblock %}

    <footer class="footer">
        <div class="top-group">
            <div class="top-inner-group">
                <div class="logo-box"></div>
                <div class="detail-group">
                    <div class="line1">
                        <ul class="links">
                            <li><a href="#">关于小饭桌</a></li>
                            <li><a href="#">创业课堂</a></li>
                            <li><a href="#">寻求报道</a></li>
                             <li><a href="#">创业礼包</a></li>
                        </ul>
                        <div class="about-us">
                            <span class="title">关于我们：</span>
                            <ul class="social-group">
                                <li class="weixin">
                                    <div class="wx-qrcode"></div>
                                    <span class="text">18742502151</span>
                                </li>
                                <li class="weibo">
                                    <a class="text" href="#">小饭桌创业课堂</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="line2">
                        <p class="address">地址：辽宁省大连市高新园区中铁诺德滨海花园</p>
                        <p class="contact">联系方式：400-810-1090（工作日10点-18点）</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-group">
            ©2021 大连明达科技有限公司 辽ICP备15051289号-1
        </div>
    </footer>
    <div class="mask-wrapper">
        <div class="auth-wrapper">
            <div class="close-wrapper">
                <span class="close-btn iconfont icon-guanbi2"></span>
            </div>
            <div class="auth-inner-wrapper">
                <div class="scroll-wrapper">
                    <div class="signin-group auth-group">
                        <div class="top-group">
                            <span class="title">请登录</span>
                            <a href="javascript: void(0);" class="switch">立即注册></a>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" name="telephone" placeholder="请输入手机号码">
                            </div>
                             <div class="input-group">
                                <input type="password" class="form-control" name="password" placeholder="请输入密码">
                            </div>
                            <div class="input-group">
                                <label class="remember-label">
                                    <input type="checkbox" name="remember" value="1">
                                    记住我
                                </label>
                            </div>
                            <div class="input-group">
                                <input type="submit" class="submit-btn" value="立即登录">
                            </div>
                        </div>
                    </div>
                    <div class="signup-group auth-group">
                        <div class="top-group">
                            <span class="title">请注册</span>
                            <a href="javascript: void(0);" class="switch">立即登录></a>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" name="telephone" placeholder="手机号码">
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" name="username" placeholder="用户名">
                            </div>
                            <div class="input-group">
                                <div class="short-input-group">
                                    <input type="text" class="form-control" name="img_captcha" placeholder="图形验证码">
                                </div>
                                <div class="input-group-addon">
                                    <img src="{% url 'xfzauth:img_captcha' %}" class="img-captcha" >
                                </div>
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" name="password1" placeholder="密码">
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" name="password2" placeholder="确认密码">
                            </div>
                            <div class="input-group">
                                <div class="short-input-group">
                                    <input type="text" class="form-control" name="sms_captcha" placeholder="短信验证码">
                                </div>
                                <div class="input-group-addon">
                                    <span class="sms-captcha-btn">发送验证码</span>
                                </div>
                            </div>
                            <div class="input-group">
                                <input type="submit" class="submit-btn" value="立即注册">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>